<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>QQ音乐</title>
		<link href="css/qq音乐.css" rel="stylesheet" />
	</head>
	<body>
		<div class="upbox">
			<div class="one">
				<img src="img/logo.jpg" />
				<a href="#" class="a1">音乐馆</a>
				<a href="#" class="a2">我的音乐</a>
				<a href="#" class="a3">客户端</a>
				<a href="#" class="a4">开放平台</a>
				<a href="#" class="a5">VIP</a>
				<input type="text" class="tbox" placeholder="搜索音乐 MV 歌曲 用户" />
				<a href="#" class="a6">登录</a>
				<a href="#" class="tbox1">开通VIP</a>
				<a href="#" class="tbox2">充值</a>
				<div class="two">
					<a href="#" class="b1">首页</a>
					<a href="#" class="b2">歌手</a>
					<a href="#" class="b3">新碟</a>
					<a href="#" class="b4">排行榜</a>
					<a href="#" class="b5">分类歌单</a>
					<a href="#" class="b6">电台</a>
					<a href="#" class="b7">MV</a>
					<a href="#" class="b8">数字专辑</a>
				</div>
			</div>
		</div>
		<div class="bigbox">
			<div class="qbox">
				<div class="qboxone">
					<div class="q1">歌 单 推 荐</div>
				</div>
				<div class="qboxtwo">
					<a href="#" class="t1">为你推荐</a>
					<a href="#" class="t2">伤感</a>
					<a href="#" class="t3">经典</a>
					<a href="#" class="t4">节奏控</a>
					<a href="#" class="t5">官方歌单</a>
					<a href="#" class="t6">情歌</a>
				</div>
				<div class="qboxthree">
					<div class="y1">
						<img src="img/300.jpg" />
						<a href="#" class="q1"">伤感emo片段：忍不住就哭红了眼眶</a>
						<div class=" q2">播放量：6278.7万
					</div>
				</div>
				<div class="y2">
					<img src="img/111.jpg" />
					<a href="#" class="q3">奇怪少女[碧莉]的音乐匣子</a>
					<div class="q4">播放量：116.3万</div>
				</div>
				<div class="y2">
					<img src="img/222.jpg" />
					<a href="#" class="q5">我从不质疑真心，但真心瞬息万变</a>
					<div class="q6">播放量：1033.8万</div>
				</div>
				<div class="y2">
					<img src="img/444.jpg" />
					<a href="#" class="q7">抖音最火热门歌曲(持续更新中)</a>
					<div class="q8">播放量：1833.1万</div>
				</div>
				<div class="y2">
					<img src="img/555.jpg" />
					<a href="#" class="q9">天气每天都在变，更何况爱情呢</a>
					<div class="q10">播放量：1257.5万</div>
				</div>
			</div>
			<div class="qboxfour">
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
			</div>
			<div>
				<div class="la">^</div>

				<div class="la2">></div>
				<div class="cnn">
					<div class="cnnboxone">
						<div class="q1">新 歌 首 发</div>
						<div class="cnn1">
							<a href="#" class="c1">播放全部</a>
							<a href="#" class="cn1">最新</a>
							<a href="#" class="cn2">内地</a>
							<a href="#" class="cn3">港台</a>
							<a href="#" class="cn4">欧美</a>
							<a href="#" class="cn5">韩国</a>
							<a href="#" class="cn6">日本</a>
						</div>
						<div class="cnn2">
							<div class="c3">
								<div class="ywq1">
									<img class="n1" src="img/66.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">楼外楼(Live)</a>
										<a href="#" class="n4">时代少年团</a>
										<a href="#" class="n5">03:26</a>
									</a>
								</div>
								<div class="ywq">
									<img class="n1" src="img/7.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">夏夜最后的烟火(Live)</a>
										<a href="#" class="n4">张碧晨/陈立农</a>
										<a href="#" class="n5">04：50</a>
									</a>
								</div>
								<div class="ywq">
									<img class="n1" src="img/8.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">挣脱(Live)</a>
										<a href="#" class="n4">那英</a>
										<a href="#" class="n5">04：30</a>
									</a>
								</div>
							</div>
							<div class="c2">
								<div class="ywq1">
									<img class="n1" src="img/7.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">爱情转移(Live)</a>
										<a href="#" class="n4">容祖儿/陈楚生</a>
										<a href="#" class="n5">05：04</a>
									</a>
								</div>
								<div class="ywq">
									<img class="n1" src="img/9.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">少管我</a>
										<a href="#" class="n4">周深</a>
										<a href="#" class="n5">0：59</a>
									</a>
								</div>
								<div class="ywq">
									<img class="n1" src="img/10.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">称为</a>
										<a href="#" class="n4">黄子弘凡</a>
										<a href="#" class="n5">04：08</a>
									</a>
								</div>
							</div>
							<div class="c2">
								<div class="ywq1">
									<img class="n1" src="img/11.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">空白</a>
										<a href="#" class="n4">队长/黄礼格</a>
										<a href="#" class="n5">03：23</a>
									</a>
								</div>
								<div class="ywq">
									<img class="n1" src="img/8.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">轮回(Live)</a>
										<a href="#" class="n4">杭盖乐队</a>
										<a href="#" class="n5">05：21</a>
									</a>
								</div>
								<div class="ywq">
									<img class="n1" src="img/12.jpg" />
									<a href="#" class="n2">
										<a href="#" class="n3">醒</a>
										<a href="#" class="n4">刘宇</a>
										<a href="#" class="n5">03：03</a>
									</a>
								</div>
							</div>
							<div class="qboxfour2">
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
								<div class="o1"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="x1">^</div>
		<div class="x2">^</div>
		</div>
		<div class="big">
			<div class="xzone">
				<div class="q1">精 彩 推 荐</div>
			</div>
			<div class="xztwo">
				<img class="z1" src="img/13.jpg" />
				<img class="z2" src="img/14.jpg" />
			</div>
			<div class="qboxfour3">
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
			</div>
			<div class="x11">^</div>
			<div class="x21">^</div>
		</div>
		<div class="cbybig">
			<div class="cbyone">
				<div class="q1">新 碟 首 发</div>
				<div class="cnnn1">
					<a href="#" class="cn1">内地</a>
					<a href="#" class="cn2">港台</a>
					<a href="#" class="cn3">欧美</a>
					<a href="#" class="cn4">韩国</a>
					<a href="#" class="cn5">日本</a>
					<a href="#" class="cn61">更多→</a>
				</div>
			</div>
			<div class="cbytwo">
				<div class="cbyt">
					<div class="cb11">
						<img src="img/15.jpg" />
						<a href="#" class="v">天行健 影视剧原声带</a>
						<a href="#" class="v1">摩登兄弟</a>
					</div>
					<div class="cb1">
						<img src="img/16.jpg" />
						<a href="#" class="v">做一个情绪稳定的人类 (才怪</a>
						<a href="#" class="v1">徐梦洁</a>
					</div>
					<div class="cb1">
						<img src="img/17.jpg" />
						<a href="#" class="v">小事</a>
						<a href="#" class="v1">许明明</a>
					</div>
					<div class="cb1">
						<img src="img/18.jpg" />
						<a href="#" class="v">金吾卫之风起金陵 动漫原声带</a>
						<a href="#" class="v1">杨天翔/金弦/汪晨蕊</a>
					</div>
					<div class="cb1">
						<img src="img/19.jpg" />
						<a href="#" class="v">音你而来 第8期</a>
						<a href="#" class="v1">音你而来</a>
					</div>
				</div>
				<div class="cbyt">
					<div class="cb11">
						<img src="img/20.jpg" />
						<a href="#" class="v">希望你活成一朵热烈的小花</a>
						<a href="#" class="v1">王一佳</a>
					</div>
					<div class="cb1">
						<img src="img/21.jpg" />
						<a href="#" class="v">我想要的夏天</a>
						<a href="#" class="v1">诗人凉/李哈哈</a>
					</div>
					<div class="cb1">
						<img src="img/22.jpg" />
						<a href="#" class="v">都别</a>
						<a href="#" class="v1">乔佳旭</a>
					</div>
					<div class="cb1">
						<img src="img/23.jpg" />
						<a href="#" class="v">一晌</a>
						<a href="#" class="v1">周深</a>
					</div>
					<div class="cb1">
						<img src="img/24.jpg" />
						<a href="#" class="v">做自己的光，不需要太亮</a>
						<a href="#" class="v1">阿兰</a>
					</div>
				</div>
				<div class="qboxfour4">
					<div class="o1"></div>
					<div class="o1"></div>
				</div>
			</div>
			<div class="xx1"></div>
			<div class="xx2">^</div>
		</div>
		<div class="djqbig">
			<div class="djqone">
				<div class="q1">排 行 榜</div>
				<div class="dd">
					<a href="#" class="dd1">更多→</a>
				</div>
			</div>
			<div class="djqtwo">
				<div class="d11">
					<div class="djq1">巅峰榜</div>
					<div class="djq2">热歌</div>
					<div class="djq3"></div>
					<div class="djq4">
						<a href="#" class="djq5">1 诺言 (郭有才版)</a>
						<a href="#" class="djq6"> 郭有才</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">2 无名的人</a>
						<a href="#" class="djq6"> 毛不易</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">3 若月亮没来 (若是月亮还</a>
						<a href="#" class="djq6"> 王宇宙Leto/乔浚丞</a>
					</div>
				</div>
				<div class="d1">
					<div class="djq1">巅峰榜</div>
					<div class="djq2">热歌</div>
					<div class="djq3"></div>
					<div class="djq4">
						<a href="#" class="djq5">1 诺言 (郭有才版)</a>
						<a href="#" class="djq6"> 郭有才</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">2 SHUFFLE</a>
						<a href="#" class="djq6"> 张艺兴</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">3 봄눈 (Spring Snow) (春</a>
						<a href="#" class="djq6"> 10CM</a>
					</div>
				</div>
				<div class="d12">
					<div class="djq1">巅峰榜</div>
					<div class="djq2">流行指数</div>
					<div class="djq3"></div>
					<div class="djq4">
						<a href="#" class="djq5">1 如果我们在余生相遇·双子</a>
						<a href="#" class="djq6"> RE-D/是二哈ya</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">2 听说你 (Live)</a>
						<a href="#" class="djq6"> 杨宗纬/于文文</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">3 火力全开</a>
						<a href="#" class="djq6"> 王力宏</a>
					</div>
				</div>
				<div class="d13">
					<div class="djq1">巅峰榜</div>
					<div class="djq2">欧美</div>
					<div class="djq3"></div>
					<div class="djq4">
						<a href="#" class="djq5">1 SKINNY</a>
						<a href="#" class="djq6"> Billie Eilish</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">2 BIRDS OF A FEATHER</a>
						<a href="#" class="djq6"> Billie Eilish</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">3 LUNCH</a>
						<a href="#" class="djq6"> Billie Eilish</a>
					</div>
				</div>
				<div class="d14">
					<div class="djq1">巅峰榜</div>
					<div class="djq2">韩国</div>
					<div class="djq3"></div>
					<div class="djq4">
						<a href="#" class="djq5">1 봄눈 (Spring Snow) (春</a>
						<a href="#" class="djq6"> 10CM</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">2 200</a>
						<a href="#" class="djq6"> MARK (마크)</a>
					</div>
					<div class="djq4">
						<a href="#" class="djq5">3 SPOT! (feat. JENNIE)</a>
						<a href="#" class="djq6"> ZICO (지코)/JENNIE (제</a>
					</div>
				</div>
			</div>
		</div>
		<div class="yybig">
			<div class="cbyone">
				<div class="q1">M V</div>
				<div class="cnn1">
					<a href="#" class="cn1">精选</a>
					<a href="#" class="cn2">内地</a>
					<a href="#" class="cn3">港台</a>
					<a href="#" class="cn4">欧美</a>
					<a href="#" class="cn5">韩国</a>
					<a href="#" class="cn6">日本</a>
					<a href="#" class="cn61">更多→</a>
				</div>
			</div>
			<div class="yyone">
				<div class="cbyt">
					<div class="cb11">
						<img class="yy11" src="img/25.jpg" />
						<a href="#" class="v">守护</a>
						<a href="#" class="v1">黄绮珊</a>
						<a href="#" class="vv1">播放量：2011</a>
					</div>
					<div class="cb1">
						<img class="yy1" src="img/26.jpg" />
						<a href="#" class="v">一响</a>
						<a href="#" class="v1">周深</a>
						<a href="#" class="vv1">播放量：4.2万</a>
					</div>
					<div class="cb1">
						<img class="yy1" src="img/27.jpg" />
						<a href="#" class="v">所以我</a>
						<a href="#" class="v1">吉克隽逸</a>
						<a href="#" class="vv1">播放量：1.1万</a>
					</div>
					<div class="cb1">
						<img class="yy11" src="img/28.jpg" />
						<a href="#" class="v">Feel Like Drake</a>
						<a href="#" class="v1">潘玮柏/马思唯</a>
						<a href="#" class="vv1">播放量：7637</a>
					</div>
					<div class="cb1">
						<img class="yy11" src="img/29.jpg" />
						<a href="#" class="v">早点回家</a>
						<a href="#" class="v1">苏打绿</a>
						<a href="#" class="vv1">播放量：1.6万</a>
					</div>
				</div>
				<div class="cbyt">
					<div class="cb11">
						<img class="yy11" src="img/30.jpg" />
						<a href="#" class="v">称为</a>
						<a href="#" class="v1">黄子弘凡</a>
						<a href="#" class="vv1">播放量：10.2万</a>
					</div>
					<div class="cb1">
						<img class="yy11" src="img/31.jpg" />
						<a href="#" class="v">同往</a>
						<a href="#" class="v1">弦子</a>
						<a href="#" class="vv1">播放量：1.6万</a>
					</div>
					<div class="cb1">
						<img class="yy1" src="img/32.jpg" />
						<a href="#" class="v">薄荷糖 (Mint Candy)</a>
						<a href="#" class="v1">SNH48</a>
						<a href="#" class="vv1">播放量：1.6万</a>
					</div>
					<div class="cb1">
						<img class="yy11" src="img/33.jpg" />
						<a href="#" class="v">SUHO《奶酪 (Cheese) (Feat</a>
						<a href="#" class="v1">SUHO</a>
						<a href="#" class="vv1">播放量：1.1万</a>
					</div>
					<div class="cb1">
						<img class="yy11" src="img/34.jpg" />
						<a href="#" class="v">见习爱情</a>
						<a href="#" class="v1">冯莫提</a>
						<a href="#" class="vv1">播放量：6586</a>qboxfour
					</div>
				</div>
			</div>
			<div class="qboxfour">
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<div class="o1"></div>
				<!-- <div class="o1"></div> -->
			</div>
			<div class="xx1"></div>
			<div class="xx2">^</div>
		</div>
		<div class="xrbig">
			<div class="xrone">
				<div class="r1">
					<div class="r2">下载QQ音乐客户端</div>
					<a class="r3" href="#">PC版</a>
					<a class="r3" href="#">Mac版</a>
					<a class="r3" href="#">Android版</a>
					<a class="r3" href="#">iPhone版</a>
				</div>
				<div class="r1">
					<div class="r1">
						<div class="r2">特色产品</div>
						<a class="r3" href="#">全民K歌</a>
						<a class="r3" href="#">银河音效</a>
						<a class="r3" href="#">QPlay</a>
						<a class="r3" href="#">Fan直播伴侣</a>
						<a class="r33" href="#">车载互连</a>
						<a class="r33" href="#">QQ演出</a>
					</div>
				</div>
				<div class="r1">
					<div class="r1">
						<div class="r2">合作链接</div>
						<a class="r331" href="#">CJ ENM</a>
						<a class="r331" href="#">腾讯视频</a>
						<a class="r331" href="#">手机QQ空间</a>
						<a class="r331" href="#">最新版QQ</a>
						<a class="r331" href="#">腾讯社交广告</a>
						<a class="r331" href="#">电脑管家</a>
						<a class="r331" href="#">QQ浏览器</a>
						<a class="r331" href="#">腾讯微云</a>
						<a class="r331" href="#">腾讯云</a>
						<a class="r331" href="#">企鹅FM</a>
						<a class="r331" href="#">智能电视网</a>
						<a class="r331" href="#">当贝市场</a>
						<a class="r331" href="#">酷我音乐</a>
						<a class="r331" href="#">酷我听书</a>
					</div>
				</div>
				<div class="r1">
					<div class="r1">
						<div class="r2">开放平台</div>
						<a class="r4" href="#">QQ开放平台</a>
						<a class="r4" href="#">腾讯音乐人</a>
						<a class="r4" href="#">歌曲推-歌曲推广</a>
						<a class="r4" href="#">TME聚星-歌曲定制</a>
						<a class="r4" href="#">启明星Venus-词曲交易/歌曲推广</a>
						<a class="r4" href="#">TME Studio</a>
						<a class="r4" href="#">臻品音质认证</a>
					</div>
				</div>
				<div class="r1">
					<div class="r1">
						<div class="r2">
						<div class="r2">TME集团官网</div>
						<a class="r4" href="#">腾讯音乐</a>
					</div>
				</div>
				<div class="r12"></div>
				<div class="tr">
					<div class="te">
						<a class="r5" href="#">关于腾讯|</a>
						<a class="r5" href="#">About Tencent|</a>
						<a class="r5" href="#">服务条款|</a>
						<a class="r5" href="#">用户服务协议|</a>
						<a class="r5" href="#">隐私政策|</a>
						<a class="r5" href="#">权利声明|</a>
						<a class="r5" href="#">广告服务|</a>
						<a class="r5" href="#">腾讯招聘|</a>
						<a class="r5" href="#">客服中心|</a>
						<a class="r5" href="#">网站导航</a>
					</div>
					<div class="te2">
						<a class="r5" href="#">Copyright © 1998 - 2024 Tencent.All Rights Reserved.</a>
					</div>
					<div class="te3">
						<a class="r5" href="#">腾讯公司 版权所有|</a>
						<a class="r5" href="#">网络文化经营许可证：粤网文[2023]2882-203号|</a>
						<a class="r5" href="#">客服电话：4006016666|</a>
						<a class="r5" href="#">用户服务协议|</a>
						<a class="r5" href="#">违法与不良信息举报邮箱：tme_musicjubao@tencentmusic.com|</a>
						
					</div>
				</div>
			</div>
		</div>
		<a href="#" class="hhh1">^</a>
		<a href="#" class="hhh2">举报</a>
		<a href="#" class="hhh3">反馈</a>
		<a href="#" class="hhh4">播放</a>
	</body>
</html>